*{margin: 0;padding: 0;}
ul{list-style: none}
html,body{height: 100%;}
.box{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-image: url("../img/course-img01.jpg");
    background-size: 100% 100%;
    padding-left: 5%;
}
.login{
    width: 90%;
    color: #fff;
    text-align: right;
    margin-top: 20px;
}
/* 头部标题 */
.header{
    color: #fff;
}
.header span{
    font-size: 12px;
}
/* 主体 */
.bodys{
    width: 95%;
}
.inputs{
    width: 95%;
    height: 40px;
    margin-top:30px;
    border: none;
    border-radius: 20px;
    background-color: rgba(253, 253, 253, 0.5);
    padding-left: 5%;
}
.auth-code{
    display: inline-block;
    height: 40px;
    width: 30%;
    background-color: rgba(84, 156, 51,0.5);
    vertical-align: bottom;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.inputs:nth-of-type(2){
   width: 60%;
   margin-right: 5%;
}

.inputs:nth-of-type(5){
    color: #fff;
    font-size: 18px;
    padding: 0;
    width: 95%;
    background-color: rgba(38, 201, 46,0.5);
}
.hint{
    color: rgb(230, 65, 65);
    text-align: center
}